@charset "euc-kr";

@import url("default.css");

html,body{ width:100%; height:100%; background-color:#212121; padding:0; margin:0;}
/* header */
#wrap {background:url('../img/header_top.jpg') center top no-repeat; margin:0 auto;}
#body-wrap{ margin:0 auto; /*background:url('../img/con_body.jpg') no-repeat;*/ width:992px;} 

#header{ position:relative; margin:0 auto; min-width:992px; height:133px; z-index:1;}
#header h1{ position:absolute; top:21px; left: 0px;}
#header h1 a{ display:block; width:67px; height:84px; background:url('../img/head_logo.png') no-repeat; text-indent:-5000px;}
#middle #middletop { overflow:hidden; height:507px; position: relative;}

#container {width:100%; height:507px; padding-bottom:93px;}
#left { width:198px; height:507px; float:left; background:url('../img/left_body.jpg') no-repeat;}
#right {float:right;}

#gnb {padding-top:70px; padding-left:23px;}
#gnb li a{ display:block; width:141px; height:12px; background:url('../img/left_gnb.gif') no-repeat; text-indent:-5000px; margin-bottom:8px;}
#gnb li.one a{ background-position:0 0;}
#gnb li.one a:hover,
#gnb li.one a.hover{ background-position:-141px 0;}

#gnb li.two a{ background-position:0 -20px;}
#gnb li.two a:hover,
#gnb li.two a.hover{ background-position:-141px -20px;}

#gnb li.three a{ background-position:0 -40px;}
#gnb li.three a:hover,
#gnb li.three a.hover{ background-position:-141px -40px;}

#gnb li.four a{ background-position:0 -60px;}
#gnb li.four a:hover,
#gnb li.four a.hover{ background-position:-141px -60px;}

#gnb li.five a{ background-position:0 -80px;}
#gnb li.five a:hover,
#gnb li.five a.hover{ background-position:-141px -80px;}

#util {padding-top:25px; padding-left:23px;}
#util li a{ display:block; width:48px; height:9px; background:url('../img/left_gnb.gif') no-repeat; text-indent:-5000px; margin-bottom:5px;}
#util li.one a{ background-position:0 -117px;}
#util li.two a{ background-position:0 -131px;}
#util li.three a{ background-position:0 -145px;}

#footer {position:relative; margin:0 auto; width:100%; height:100px;}
#footer li{float:left; padding-right:10px;}
#footer address{ position:absolute; top:21px; left:0; display:block; width:355px; height:33px; background:url('../img/bg_address.png') no-repeat; text-indent:-5000px;}
